<template>
  <p class="text-5xl text-center">vue 动画组件</p>
  <el-button size="large" type="primary" @click="isShow=!isShow">点击</el-button>
  <Starport v-if="!isShow" port="my-id" >
    <MyAvatar width='200' height='200' src="https://picsum.photos/id/699/200/200" />
  </Starport>
  <MyInfo v-if="isShow"></MyInfo>
</template>

<script setup lang="ts">
import { Starport } from "vue-starport"
import MyAvatar from '@/components/avatar.vue'
import MyInfo from '@/views/info.vue'
import {ref} from "vue";
let isShow = ref(false)
</script>
<style scoped>

</style>
